<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   		<link rel="stylesheet" href="css/zufang-one.css" />
   		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/message.css">
		<title>房屋详情</title>
		<style>
			a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="zufang-one">
			<a href="javascript:history.go(-1)"><img src="img/尖括号-左.png" /></a>
			<div class="zufang-onee">
				<img src="img/${selhList.housePicture}" />
			</div>
		</div>
		
		<div class="zufang-two">
			<div class="zufang-twoo">
				<h2>${selhList.houseTitle}</h2>
				<span class="iconfont icon-xinn" id="hreat"><img src="img/heart_01.png" id="love"/></span><p>关注</p>
			</div>
			
			<div class="zufang-t">
				<ul>
					<li>
						<p>房租</p><br /><p>${selhList.housePrice}元/月</p>
					</li>
					<li>
						<p>户型</p><br /><p>${selhList.houseType}</p>
					</li>
					<li>
						<p>面积</p><br /><p>${selhList.houseArea}m²</p>
					</li>
				</ul>
				
				<span>集中供暖</span>
				<div class="zufang-y">
					<div class="zufang-yone">
						<p>面积:<a>${selhList.houseArea}m²</a></p>
						<p>维护:<a>${selhList.houseDefend}</a></p>
						<p>楼层:<a>${selhList.houseStorey}</a></p>
						<p>车位:<a>${selhList.houseCar}</a></p>
						<p>用电:<a>${selhList.houseBill}</a></p>
						<p>采暖:<a>${selhList.houseGet}</a></p>
						<p>租期:<a>${selhList.houseLease}</a></p>
						<p>看房:<a>${selhList.houseSitting}</a></p>
						<p>小区:<a>${selhList.houseQuarters}</a></p>
					</div>
					<div class="zufang-ytwo">
						<p>朝向:<a>${selhList.houseTurn}</a></p>
						<p>入住:<a>${selhList.houseMove}</a></p>
						<p>电梯:<a>${selhList.houseLift}</a></p>
						<p>用水:<a>${selhList.houseWater}</a></p>
						<p>燃气:<a>${selhList.houseFuel}</a></p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="zufang-ser">
			<h2>房源简介</h2>
			<div>
				<ul>
					<li>
						<span class="iconfont icon-xiyiji xi"><br /><p>洗衣机</p></span>
					</li>
					<li>
						<span class="iconfont icon-kongtiao xi"><br /><p>空调</p></span>
					</li>
					<li>
						<span class="iconfont icon-shi1 xi"><br /><p>衣柜</p></span>
					</li>
					<li>
						<span class="iconfont icon-bingxiang xi"><br /><p>冰箱</p></span>
					</li>
					<li>
						<span class="iconfont icon-shi xi"><br /><p>热水器</p></span>
					</li>
					<li>
						<span class="iconfont icon-chuang xi"><br /><p>床</p></span>
					</li>
					<li>
						<span class="iconfont icon-nuanqi xi"><br /><p>暖气</p></span>
					</li>
					<li>
						<span class="iconfont icon-tianranqi xi"><br /><p>天然气</p></span>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="zufang-for">
			<h2>费用详情</h2>
			<span>年租价</span>
			<span>(当租期不足1年时租金可能会上浮，详询管家)</span>
			<div class="zufang-foro">
				<ul>
					<li>
						<span>付款方式<br><i></i><br><p>需咨询</p></span>
					</li>
					<li>
						<span>租金<br><i>(月/元)</i><br><p style="color: #FC9C8F;">1000</p></span>
					</li>
					<li>
						<span>押金<br><i>(元)</i><p style="color: black;">1000</p></span>
					</li>
					<li>
						<span>服务费<br><i>(元)</i><br><p style="color: black;">0</p></span>
					</li>
					<li>
						<span>中介费<br><i>(元)</i><br><p>需咨询</p></span>
					</li>
				</ul>
			</div>
			
			<div class="zufang-forp">
				<span>租房小贴士</span>
				<a href="#">请谨慎选择半年/年付产品</a>
				<a href="#" class="iconfont icon-club-icon-fanhuijiantou"></a>
			</div>
			
			<div class="zufang-six">
				<img src="img/tou.png" />
				<p>约66.7%的房东接受协议</p>
				<p>联系经济人帮您询问房东最低价格</p>
				<a href="#">联系砍价</a>
				<a href="#" class="iconfont icon-club-icon-fanhuijiantou"></a>
			</div>
		</div>
	
		<div class="zufang-zi">
			<a href="#"><img src="img/查找.png" />
				<p>快速找房</p>
			</a>
			<span>在线咨询</span>
			<span>电话咨询</span>
		</div>
	</body>
</html>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/message.min.js"></script>
<script type="text/javascript">
	function change_pic(){
		var button = document.getElementById("hreat");

		var love = document.getElementById("love");

		button.onclick = function(){
			if(love.getAttribute("src",2) == "img/heart_01.png"){

				love.setAttribute("src","img/heart_02.png");
				$.message('收藏成功');
				$.ajax({
					url:"addZu?houseId=${selhList.houseId}&userId=${user.userId}",
					data:"houseId="+${selhList.houseId}&"userId="+${user.userId},
					type:"get",
					dataType:"text",
					success:{

					},
					error:function(){
						alert("失败2")
					}
				})

			}else{
				$.message('收藏失败');
				love.setAttribute("src","img/heart_01.png");

			};
		}
	}
	change_pic();

</script>